<template>
  <view class="app bg-white">
    <MaterialList></MaterialList>
    <view class="box" @click="gotoHome">
      <text class="home-btn">返回首页</text>
    </view>
  </view>
</template>

<script lang="ts" setup>
  import MaterialList from './list.vue';
  const gotoHome = () => {
    uni.reLaunch({ url: '/pages/index/index' });
  };
</script>

<style lang="scss" scoped>
  .box {
    display: flex;
    justify-content: center;
    z-index: 10;
  }

  .home-btn {
    padding: 20rpx 45rpx;
    border-radius: 50rpx;
    position: absolute;
    bottom: 60rpx;
    font-size: 33rpx;
    align-items: center;
    color: orangered;
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 8px;
  }
</style>
